// 自动引入API
import AutoImport from 'unplugin-auto-import/vite'
// @ts-ignore
import postcssPxToViewport from 'postcss-px-to-viewport'
export default defineNuxtConfig({
    vite:{
      vue: {
        script: {
          defineModel: true,
          propsDestructure: true,
        },
      },
      plugins:[
        AutoImport({
          include: [
            /\.[tj]sx?$/, // .ts, .tsx, .js, .jsx
            /\.vue$/,
            /\.vue\?vue/, // .vue
          ],
          imports: ['vue', 'vue-router', 'pinia'],
          dts: 'auto-imports.d.ts',
        })
      ],
      css:{
        postcss: {
          plugins: [
            postcssPxToViewport({
              unitToConvert: 'px',
              viewportWidth: 375,
              unitPrecision: 3,
              propList: ['*'],
              viewportUnit: 'vw', // 希望使用的视口单位
              fontViewportUnit: 'vw', // 字体使用的视口单位
              minPixelValue: 1, // 最小的转换数值
              mediaQuery: false, // 是否在媒体查询中也转换px
              replace: true, // 是否直接更换属性值
              exclude: [
                /(\/|\\)(node_modules)(\/|\\)/,
                /pc|_pc\/|\\/,
                /pc.*/,
                /\*_pc/,
              ] // 忽略文件目录
            })
          ]
        }
      }
    },
    app:{
      head:{
        title:'申科易购大数据集团有限公司',
        link:[
          { rel: 'icon', type: 'image/x-icon', href: '/SK-logo.png' }
        ]
      }
    },
    ssr:false,
    plugins: [
      '@/plugins/global-params.ts',
    ],
    css: [
      '~/assets/styles/index.scss'
    ],
    devtools: { enabled: true },
})